<template>
  <div class="router-content">
    <inside v-for="(div, index) in article" :key="index" :title="div.title" :contents="div.contents" :urls="div.urls"></inside>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
import inside from '@/components/inside'
export default {
  name: 'index',
  components: {
    inside
  },
  data () {
    return {
      menus: [],
      article: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
    this.write()
  },
  methods: {
    write () {
      this.article = [
        {
          title: '开实体卡',
          contents: [
            '在开卡页面选择“实体卡”输入手机号、姓名、持卡人类别、卡类型、把卡放在读卡器上时点击“读卡”（要先确保读卡的程序是打开的）、选择开卡的金额（上限是1000元）然后选择支付方式，点击“开卡”就能成功开卡。'
          ],
          urls: [
            '/static/imgs/card/opencard_1.png'
          ]
        }, {
          title: '开电子卡',
          contents: [
            '点击“开卡”，“电子卡”输入手机号，姓名，食客类别，卡类型，最后点击开卡。',
            '点击“开卡”后出现下图，如果需要开实体卡点击“开实体卡”'
          ],
          urls: [
            '/static/imgs/card/opencard_2.png',
            '/static/imgs/card/opencard_3.png'
          ]
        }, {
          title: '开不记名卡',
          contents: [
            '在开卡页面，点击不记名卡，在读卡器上放卡后点击“读卡”读取出卡的编号，再选择开卡金额和支付方式，点击“开卡”就能开卡成功了。'
          ],
          urls: [
            '/static/imgs/card/opencard_4.png'
          ]
        }
      ]
    }
  }
}
</script>
<style>
</style>
